<template>
	<div class="moviehome">
		<HeaderTop></HeaderTop>
		<div class="mh-container">
			<div class="wanniannav">
				<router-link to="/moviehome/day" tag="span">当天信息</router-link>
				<router-link to="/moviehome/month" tag="span">近期假期</router-link>
				<router-link to="/moviehome/year" tag="span" ref='year' @click="change">当年假期</router-link>
			</div>
		</div>
		<keep-alive>
			<router-view></router-view>
		</keep-alive>
	</div>
</template>

<script>
	import HeaderTop from '../components/HeaderTop.vue'
	import { getData } from '../libs/requestwannian.js'
	export default {
		name: 'MovieHome',
		components:{
			HeaderTop
		},
		data(){
			return {
				imgerList:[
					{url: '../assets/imger/yuandan.jpg'},
					{url: '../assets/imger/chuxi.jpg'},
					{url: '../assets/imger/chunjie.jpg'},
					{url: '../assets/imger/qingming.jpg'},
					{url: '../assets/imger/laodongjie.jpg'},
					{url: '../assets/imger/duanwu.jpg'},
					{url: '../assets/imger/zhongqiu.jpg'},
					{url: '../assets/imger/guoqing.jpg'}
				]
			}
		},
		// created() {
		// 	getData('year','2021')
		// },
		methods:{
			change(){
				console.log('youloveme')
			}
		}
	}
</script>

<style lang="less" scoped="scoped">
	.mh-container{
		padding-top: .46rem;
		.wanniannav{
			width: 100%;
			height: .38rem;
			border-bottom: 0.2px solid #555;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
	}
</style>
